<!DOCTYPE html>
<html>

<head>
	<title>重庆理工</title>
	<link href="css/main.css" type="text/css" rel="stylesheet">
	<style>
		/* p{
			border: 1px solid gray;
		} */
		#Wellcome {
			border: 1px solid gray;
			width: 300px;
			height: 50px;
			padding: 20px;
			margin: 10px;
			text-align: center;
			border: 2px solid;
			border-radius: 25px;
			overflow: auto;
		}

		.Well {
			border: 1px solid gray;
			width: 300px;
			height: 50px;
			padding: 20px;
			margin: 10px;
			border: 2px solid;
			border-radius: 25px;
			opacity:0.5;
			overflow: auto;
		}

		div[name=We] {
			border: 1px solid gray;
			width: 300px;
			height: 50px;
			padding: 20px;
			margin: 10px;
			text-shadow: -1px 0 black, 0 1px black, 1px 0 black;
			overflow: auto;
		}

		a:hover {
			text-emphasis: none;
		}

		p::before {
			content: attr();
		}
	</style>
</head>

<body>
	<p>======== 区域标签 ========</p>
	<div id="Wellcome">Wellcome!</div>
	<div class="Well">Well!</div>
	<div name="We">We!</div>
	<p>你好<span style="color: red">世界</span>！</p>
	<p>======== 标题标签 ========</p>
	<h1 style="color:red">这是 h1 标签</h1>
	<h2 style="color:blue">这是 h2 标签</h2>
	<h3>这是 h3 标签</h3>
	<h4>这是 h4 标签</h4>
	<h5>这是 h5 标签</h5>
	<h6>这是 h6 标签</h6>
	<p>======== 超链接标签 ========</p>
	<a href="http://www.sfac.xyz" target="_blank">我的主页</a>
	<p>======== 图片标签 ========</p>
	<img src="xuancai_xiantiao-001.jpg" height="150" width="250" alt="壁纸" />
	<p>======== 表单标签 ========</p>
	<form action="#">
		<input type="hidden" id="userid" name="userName" value="1" />
		<p>
			<label for="userName">用户名</label>
			<input type="text" id="usernsmr" name="userName" value="请输入用户名" required />
		</p>
		<p>
			<label for="password">密码 </label>
			<input type="password" id="password" name="password" value="请输入密码" required />
		</p>
		<p>
			<label for="sex">性别</label>
			<input type="radio" name="sex" value="male" checked />男<input type="radio" name="sex" value="famale" />女
		</p>
		<p>
			<label for="love">爱好</label>
			<input type="checkbox" name="love" value="游泳" checked />游泳
			<input type="checkbox" name="love" value="篮球" checked />篮球
			<input type="checkbox" name="love" value="跳高" />跳高
			<input type="checkbox" name="love" value="足球" />足球
		</p>
		<p>
			<label for="city">籍贯</label>
			<select id="city" name="city">
				<option value="重庆" selected>重庆</option>
				<option value="四川">四川</option>
				<option value="上海">上海</option>
				<option value="北京">北京</option>
				<option value="广西">广西</option>
			</select>
		</p>
		<p>
			<label for="desc">个人介绍</label>
			<textarea name="desc" id="desc" cols="20" rows="4"></textarea>
		</p>
		<p>
			<input type="button" name="btn01" value="按钮">
			<input type="reset" name="btn02" value="重置">
			<input type="submit" name="btn03" value="提交">
		</p>
		<p>
			<label for="date">出生日期</label>
			<input type="date" name="currentDate" />
			<label for="number">年龄</label>
			<input type="number" min="1" max="300" step="1" />
			<label for="email">邮箱</label>
			<input type="email" />
		</p>
		<p>======== Datalist标签 ========</p>
		<p>
			<input list="browsers" />
			<datalist id="browsers">
				<option value="Internet Explorer"></option>
				<option value="Firefox"></option>
				<option value="Chrome"></option>
				<option value="Opera"></option>
				<option value="Safari"></option>
			</datalist>
		</p>
	</form>
	<p>======== 表格标签 ========</p>
	<table>
		<tr>
			<td>id</td>
			<td>name</td>
			<td>age</td>
		</tr>
		<tr>
			<td>1</td>
			<td>n1</td>
			<td>10</td>
		</tr>
		<tr>
			<td>2</td>
			<td>n2</td>
			<td>11</td>
		</tr>
	</table>
	<p>======== Label 标签 ========</p>

	<p>======== 列表标签 ========</p>
	<ul type="circle">
		<li>标签一</li>
		<li>标签二</li>
		<li>标签三</li>
	</ul>
	<ol start="1">
		<li>标签1</li>
		<li>标签2</li>
		<li>标签3</li>
	</ol>
	<dl>
		<dt>标签一</dt>
		<dd>标签一.1</dd>
		<dd>标签一.2</dd>
		<dd>标签一.3</dd>
		<dt>标签二</dt>
		<dd>标签二.1</dd>
		<dd>标签二.2</dd>
		<dd>标签二.3</dd>
	</dl>
	<p>======== 视频标签 ========</p>
	<video src="那一夜MV_谢军_高清mv在线观看_酷我音乐.mp4" height="320" width="480" controls="controls">您的浏览器不支持 video 标签。</video>
	<p>======== 音频标签 ========</p>
	<audio src="那一夜_谢军__高音质在线试听_那一夜歌词歌曲下载_酷狗音乐 .mp3" controls="controls">您的浏览器不支持 audio 标签。</audio>
</body>

</html>